<div class="album wp-20 channel-manage" ui-view="container">
    <div class="head_title">
        <a ui-sref="main.specialTagsChannel({pageNo:1})" style="color: inherit">专用标签</a>  / <a ui-sref="main.specialTagsChannel.specialTags({pageNo:1})" style="color: inherit">维度管理</a>  / <span class="tit-color">标签管理</span>
    </div>

    <div class="panel specific-search">
        <div class="searchWapper">
            <div class="form-group searchLump search-condition">
                <div class="searchTitle">搜索：</div>
                <div class="col-lg-4" style="margin-left: -4px;">
                    <div class="input-group input-group-sm search-input">
                        <input type="text" class="input width-150" name="specialName" ng-model="specialName" placeholder="标签名称" ui-event="{ keyup : 'keyup($event,specialName)' }" >
                        <input type="button" class="btn btn-primary" value="搜索" style="margin-top: -4px" ng-click="searchClick(specialName)">
                    </div>
                </div>
            </div>
            <div class="form-group searchLump">
                <div class="searchTitle">操作：</div>
                <button type="button" class="btn-primary btn btn-select" ng-click="create()">
                    新建
                </button>
                <button type="button" class="btn-primary btn btn-select" ng-click="enableAll()">
                    启用
                </button>
                <button type="button" class="btn-primary btn btn-select" ng-click="disableAll()">
                    禁用
                </button>
                <button type="button" class="btn-primary btn btn-select" ng-click="deleteAll()">
                    删除
                </button>
            </div>
        </div>
    </div>

    <div class="table-responsive">
        <table class="table table-bordered table-hover table-page">
            <thead>
            <tr>
                <th>
                    <input type="checkbox" id="allCheck" ng-checked="" class="magic-checkbox" ng-model="checkData.allChecked"
                           ng-change="selectAllChange(checkData.allChecked)">
                    <label for="allCheck" ></label>
                </th>
                <th>标签_ID</th>
                <th>标签名称</th>
                <th>维度名称</th>
                <th>专辑数</th>
                <th>节目数</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in sdimensionTags">
                <td>
                    <input type="checkbox" id="{{$index}}" class="magic-checkbox" ng-model="item.checked"
                           ng-change="selectOneChange(item.checked)">
                    <label for="{{$index}}" ></label>
                </td>
                <td>{{item.specialId}}</td>
                <td>{{item.specialName}}</td>
                <td>{{item.dimensionsName}}</td>
                <td>{{item.albumNum}}</td>
                <td>{{item.programNum}}</td>
                <td>{{table[item.status]}}</td>
                <td>
                    <a href="javascript:void(0);" ng-click="edit(item)" class="time-out">编辑</a>
                    <a ng-if="item.status==4" ng-click="disable(item)" class="time-out">禁用</a>
                    <a ng-if="item.status==2" ng-click="enable(item)" class="time-out">启用</a>
                    <a ng-click="delete(item)" class="time-out">删除</a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>

    <div class="panel-footer paging">
        <s-pagination conf="paginationConf"></s-pagination>
    </div>

</div>

<script type="text/ng-template" id="specialTagsModal.html">
    <div class="modal-header ng-scope">
        <button type="button" class="close" ng-click="cancel()"><span>×</span></button>
        <span class="modal-title ng-binding">专用标签管理</span>
    </div>
    <form class="w5c-form demo-form"  w5c-form-validate name="specialTag">
    <div class="modal-body ng-scope">
        <div class="control-group text-align-left">
            <label class="control-label form-require w-109">维度名称：</label>
            <div class="controls modal-input">
                {{specialDimension.dimensionsName}}
            </div>
        </div>
        <div class="control-group text-align-left channel-manage form-group" style="margin-bottom: 0px">
            <label class="control-label form-require w-109"><i class="red-icon">*</i>标签名称：</label>
            <div class="controls modal-input"  style="margin-bottom: 6px;">
                <input type="text" placeholder="多个标签用逗号或分号或顿号隔开" ng-model="formData.specialName" required
                        name="tag"   w5c-customizer="BaseValidations.checkTags(formData.specialName)">
            </div><br>
            <!--<span ng-if="!formData.specialId" style="color: #CCCCCC;margin-left: 112px;">多个标签请用“，”号隔开</span>-->
            <span ng-if="nameCheck" class="cl cr w5c-error" style="margin-left: 112px;display: inline-block;margin-top: -10px">
                <i class="fa fa-times error" aria-hidden="true"></i>{{message}}
            </span>
        </div>
        <div class="control-group text-align-left">
            <label class="control-label form-require w-109">标签状态：</label>
            <div class="controls modal-input">
                <label class="radio-inline iw-110" ng-repeat="item in initData.status">
                    <input type="radio" name="status" value="{{item}}" class="magic-radio" id="status{{item}}" ng-model="formData.status">
                    <label for="status{{item}}" style="top: -1px;margin: 0px 10px 0px -18px;"></label>
                    {{table[item]}}
                </label>
            </div>
        </div>
    </div>
    <div class="modal-footer ng-scope">
        <button class="btn btn-primary ng-binding" type="button" ng-if="!formData.specialId" w5c-form-submit="okCreate()">确定</button>
        <button class="btn btn-primary ng-binding" type="button" ng-if="formData.specialId" w5c-form-submit="okEdit()">确定</button>
        <button class="btn ims-btn ng-binding" type="button" ng-click="cancel()">取消</button>
    </div>
    </form>
</script>


